import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//引入插件
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// 引入图标插件
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    //配置插件
    AutoImport({

      // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
      imports: ['vue', 'vue-router'],

      // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
      resolvers: [

        ElementPlusResolver(),
        // 自动导入图标组件
        IconsResolver({
          prefix: 'Icon',
        }),
      ]

    }),
    Components({
      resolvers: [
        // 自动注册图标组件
        IconsResolver({
          // 使用element-plus的图标库
          // 其他图标库请到 https://icon-sets.iconify.design/
          enabledCollections: ['ep'],
        }),
        // 自动注册 Element Plus 组件
        ElementPlusResolver()

      ],
    }),

    // 让unplugin-icons自动安装图标库
    Icons({
      autoInstall: true,
    }),

  ],
})
